<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title></title>
	<!-- 引入  jquery -->
	<script type="application/javascript" src="../js/jquery-1.9.1.js"></script>
	<script type="application/javascript" src="../js/jquery.min.js"></script>
	<!-- 引入  vue -->
	<script type="application/javascript" src="../js/vue.js"></script>
	<!-- 引入 element-ul 样式 -->
	<link rel="stylesheet" href="../plugin/element/index.css">
	<!-- 引入全局样式 -->
	<link rel="stylesheet" href="../css/global.css" />
	<!-- 引入 element-ul js -->
	<script type="application/javascript" src="../plugin/element/index.js"></script>
	<!-- 生成js 时，位置可能会出错在 需要引入页面引入该CSS -->
	<!-- <link rel="stylesheet" href="./css/header.css"/> -->

	</head>

	<body>
		<div class="header-wrapper" v-cloak>
			<i class="header-logo">

			</i>
			<div class="personInfoAndNav-wrapper fboxRow">
				<ul class="nav fboxRow">
					<li class="nav-item">帮助文档</li>
					<li class="nav-item">我的客服</li>
					<li class="nav-item">我的工单</li>
					<li class="nav-item">消息
						<i class="flag"></i>
					</li>
				</ul>
				<div class="personInfo fboxCenter">
					<i class="personInfo-logo mr-10"></i>
					<span  class="userName">小吴爱吃鱼，问道青城山，拜水都江堰</span>
					<i class="icon el-icon-arrow-down"></i>
				</div>
			</div>


		</div>


		
		<!-- vue  -->
		<script>
			let vm = new Vue({
				el: '.header-wrapper',
				data: function() {
					return {
						isHaveMessage: true
					}
				},
				methods: {

				},
				mounted: function() {

				}

			})
		</script>
	</body>
</html>
